import type { SidebarsConfig } from '@docusaurus/plugin-content-docs';

const frontSidebar: SidebarsConfig = {
  programmingFrontSidebar: [
    'programming/front/index',
    {
      type: 'category',
      label: '基础知识',
      items: [
        {
          type: 'category',
          label: 'HTML/CSS',
          items: [
            'programming/front/basics/html',
            'programming/front/basics/css',
            'programming/front/basics/responsive'
          ]
        },
        {
          type: 'category',
          label: 'Layout',
          link: {
            type: 'doc',
            id: 'programming/front/basics/layout/index',
          },
          items: [
            'programming/front/basics/layout/flex',
            'programming/front/basics/layout/flex容器属性详解',
            'programming/front/basics/layout/Flexbox 项目属性详解',
          ]
        },
        {
          type: 'category',
          label: 'JavaScript',
          items: [
            'programming/front/basics/js/syntax',
            'programming/front/basics/js/dom',
            'programming/front/basics/js/es6',
            'programming/front/basics/js/async'
          ]
        },
        {
          type: 'category',
          label: 'TypeScript',
          items: [
            'programming/front/basics/ts/introduction',
            'programming/front/basics/ts/types',
            'programming/front/basics/ts/advanced'
          ]
        }
      ]
    },

    {
      type: 'category',
      label: 'Vue',
      link: {
        type: 'doc',
        id: 'programming/front/vue/index',
      },
      items: [
        'programming/front/vue/introduction',
        'programming/front/vue/setup',
        'programming/front/vue/first-app',
        {
          type: 'category',
          label: '基础知识',
          items: [
            'programming/front/vue/template-syntax',
            'programming/front/vue/reactivity',
            'programming/front/vue/computed',
            'programming/front/vue/watch',
            'programming/front/vue/lifecycle',
            'programming/front/vue/components',
            'programming/front/vue/forms'
          ]
        },
        {
          type: 'category',
          label: '进阶知识',
          items: [
            'programming/front/vue/router',
            'programming/front/vue/pinia',
            'programming/front/vue/injection',
            'programming/front/vue/composables'
          ]
        },
        {
          type: 'category',
          label: '最佳实践',
          items: [
            'programming/front/vue/transitions',
            'programming/front/vue/performance',
            'programming/front/vue/deployment',
            'programming/front/vue/vue3-cursor-rules'
          ]
        }
      ]
    },
    {
      type: 'category',
      label: '微信公众号',
      link: {
        type: 'doc',
        id: 'programming/front/WeChatOfficialAccount/index',
      },
      items: [
        {
          type: 'category',
          label: '基础入门',
          items: [
            'programming/front/WeChatOfficialAccount/basics/introduction',
            'programming/front/WeChatOfficialAccount/basics/registration',
            // 'programming/front/WeChatOfficialAccount/basics/features'
          ]
        },
        {
          type: 'category',
          label: '开发环境',
          items: [
            'programming/front/WeChatOfficialAccount/setup/developer',
            'programming/front/WeChatOfficialAccount/setup/ngrok',
            'programming/front/WeChatOfficialAccount/setup/server-validation'
          ]
        },
        {
          type: 'category',
          label: '核心功能',
          items: [
            'programming/front/WeChatOfficialAccount/core/message-handling',
            'programming/front/WeChatOfficialAccount/core/text-reply',
            // 'programming/front/WeChatOfficialAccount/core/media-reply'
          ]
        },
        // {
        //   type: 'category',
        //   label: '高级功能',
        //   items: [
        //     'programming/front/WeChatOfficialAccount/advanced/custom-menu',
        //     'programming/front/WeChatOfficialAccount/advanced/user-management',
        //     'programming/front/WeChatOfficialAccount/advanced/template-message',
        //     'programming/front/WeChatOfficialAccount/advanced/web-auth'
        //   ]
        // },
        // {
        //   type: 'category',
        //   label: '最佳实践',
        //   items: [
        //     'programming/front/WeChatOfficialAccount/best-practices/modularization',
        //     'programming/front/WeChatOfficialAccount/best-practices/error-handling',
        //     'programming/front/WeChatOfficialAccount/best-practices/performance',
        //     'programming/front/WeChatOfficialAccount/best-practices/security'
        //   ]
        // }
      ]
    }
  ]
};

export default frontSidebar;
